<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="icon" type="image/png" href="images/splash/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="196x196" href="images/splash/apple-touch-icon-196x196.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/splash/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/splash/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/splash/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/splash/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/splash/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/splash/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/splash/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/splash/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="57x57" href="images/splash/apple-touch-icon-57x57.png">
<link rel="icon" type="image/png" href="images/splash/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/splash/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/splash/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="images/splash/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>

<title>Epsilon 5.0</title>

<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/framework.css" rel="stylesheet" type="text/css">
<link href="styles/font-awesome.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/plugins.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>

<body>
    
<div class="gallery-fix"></div>         <!-- Fix Gallery next/prev error on Android -->
<div class="sidebar-tap-close"></div>   <!-- Overlay for content to close Sidebar -->
<div class="sidebar-left-fix"></div>    <!-- The actual background of the Sidebar -->
<div class="sidebar-right-fix"></div>   <!-- The actual background of the Sidebar -->

<div class="header-fixed">
    <a href="#" class="header-icon-1 open-left-sidebar"><i class="fa fa-navicon"></i></a>
    <a href="index2.html" class="header-logo">PERSONAL</a>
    <a href="#" class="header-icon-2 open-right-sidebar"><i class="fa fa-envelope-o"></i></a>
</div>

    
<div class="sidebar-left">
    <div class="sidebar-scroll">
            <a href="#" class="sidebar-logo"></a>
            <div class="sidebar-decoration"></div>
            <div class="sidebar-menu">
                <a class="menu-item active-item" href="index2.html"><!-- active-item -->
                    <i class="fa fa-home"></i>
                    个人主页
                    <i class="fa fa-circle"></i>
                </a>
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-cog"></i>
                        Features特征
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--活动子菜单-->
                        <a class="menu-item" href="features-typography.html">
                            <i class="fa fa-angle-right"></i>
                            排版(Typography)
                            <i class="fa fa-circle"></i>  
                        </a>                              
                        <a class="menu-item" href="features-tabs.html">
                            <i class="fa fa-angle-right"></i>
                             (Tabs)
                            <i class="fa fa-circle"></i>                        
                        </a>
                        <a class="menu-item" href="features-toggles.html">
                            <i class="fa fa-angle-right"></i>
                             Toggles
                            <i class="fa fa-circle"></i>                        
                        </a>                           
                        <a class="menu-item" href="features-accordion.html">
                            <i class="fa fa-angle-right"></i>
                            手风琴(Accordions)
                            <i class="fa fa-circle"></i>                        
                        </a>    
                        <a class="menu-item" href="features-notifications.html">
                            <i class="fa fa-angle-right"></i>
                            通知(Notifications)
                            <i class="fa fa-circle"></i>                        
                        </a>                                               
                        <a class="menu-item" href="features-charts.html">
                            <i class="fa fa-angle-right"></i>
                            图表与统计(Charts & Stats)
                            <i class="fa fa-circle"></i>                        
                        </a>
                        <a class="menu-item" href="features-buttons.html">
                            <i class="fa fa-angle-right"></i>
                            按钮和图标Buttons & Icons
                            <i class="fa fa-circle"></i>  
                        </a>                        
                        <a class="menu-item" href="features-others.html">
                            <i class="fa fa-angle-right"></i>
                            其他特征 Other Features
                            <i class="fa fa-circle"></i>                        
                        </a>
                    </div>
                </div>          
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-camera"></i>
                        画廊 Galleries
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="gallery-round.html">
                            <i class="fa fa-angle-right"></i>
                            圆Rounded
                            <i class="fa fa-circle"></i>  
                        </a>                    
                        <a class="menu-item" href="gallery-square.html">
                            <i class="fa fa-angle-right"></i>
                            平方Squared
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="gallery-adaptive.html">
                            <i class="fa fa-angle-right"></i>
                            适应的 Adaptive
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="gallery-masonry.html">
                            <i class="fa fa-angle-right"></i>
                            砖石建筑 Masonry
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="gallery-filter.html">
                            <i class="fa fa-angle-right"></i>
                            Filterable
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                    </div>
                </div>          
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-image"></i>
                        投资组合 Portfolios
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="portfolio-one.html">
                            <i class="fa fa-angle-right"></i>
                            一项 One Item
                            <i class="fa fa-circle"></i>  
                        </a>                    
                        <a class="menu-item" href="portfolio-two.html">
                            <i class="fa fa-angle-right"></i>
                            两项 Two Items
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="portfolio-filter.html">
                            <i class="fa fa-angle-right"></i>
                            可过滤的Filterable
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="portfolio-adaptive.html">
                            <i class="fa fa-angle-right"></i>
                             Adaptive
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="portfolio-widescreen.html">
                            <i class="fa fa-angle-right"></i>
                            宽屏Widescreen
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                    </div>
                </div>
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-file-o"></i>
                        Pages
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="page-activity.html">
                            <i class="fa fa-angle-right"></i>
                            Activity
                            <i class="fa fa-circle"></i>  
                        </a>                    
                        <a class="menu-item" href="page-error.html">
                            <i class="fa fa-angle-right"></i>
                            Error Page
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="page-soon.html">
                            <i class="fa fa-angle-right"></i>
                            Soon Page
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="page-profile.html">
                            <i class="fa fa-angle-right"></i>
                             Profile Page
                            <i class="fa fa-circle"></i>                        
                        </a>     
                        <a class="menu-item" href="page-login.html">
                            <i class="fa fa-angle-right"></i>
                            登录页面Log In Page
                            <i class="fa fa-circle"></i>                        
                        </a>
                        <a class="menu-item" href="page-signup.html">
                            <i class="fa fa-angle-right"></i>
                            注册页面Sign Up Page
                            <i class="fa fa-circle"></i>                        
                        </a>                                                 
                        <a class="menu-item" href="page-userlist.html">
                            <i class="fa fa-angle-right"></i>
                            用户列表页面Userlist Page
                            <i class="fa fa-circle"></i>                        
                        </a>                              
                        <a class="menu-item" href="page-reviews.html">
                            <i class="fa fa-angle-right"></i>
                            用户评论User Reviews
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                    </div>
                </div>             
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-mobile"></i>
                        App Pages
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="pageapp-chat.html">
                            <i class="fa fa-angle-right"></i>
                            Chat
                            <i class="fa fa-circle"></i>  
                        </a> 
                        <a class="menu-item" href="pageapp-login.html">
                            <i class="fa fa-angle-right"></i>
                             Log In
                            <i class="fa fa-circle"></i>                        
                        </a>     
                        <a class="menu-item" href="pageapp-signup.html">
                            <i class="fa fa-angle-right"></i>
                            Sign Up
                            <i class="fa fa-circle"></i>                        
                        </a>       
                        <a class="menu-item" href="pageapp-calendar.html">
                            <i class="fa fa-angle-right"></i>
                            Calendar
                            <i class="fa fa-circle"></i>                        
                        </a>  
                        <a class="menu-item" href="pageapp-timeline.html">
                            <i class="fa fa-angle-right"></i>
                            时间线Timeline
                            <i class="fa fa-circle"></i>                        
                        </a>    
                        <a class="menu-item" href="pageapp-tasklist.html">
                            <i class="fa fa-angle-right"></i>
                            Tasklist
                            <i class="fa fa-circle"></i>                        
                        </a>     
                        <a class="menu-item" href="pageapp-checklist.html">
                            <i class="fa fa-angle-right"></i>
                            Checklist
                            <i class="fa fa-circle"></i>  
                        </a>                                           
                        <a class="menu-item" href="pageapp-reminders.html">
                            <i class="fa fa-angle-right"></i>
                            Reminders
                            <i class="fa fa-circle"></i>                        
                        </a>                                                 
                        <a class="menu-item" href="pageapp-coverpage.html">
                            <i class="fa fa-angle-right"></i>
                            Coverpage
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                                                                   
                    </div>
                </div>                  
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-shopping-cart"></i>
                        Store
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="store-front.html">
                            <i class="fa fa-angle-right"></i>
                            店面Storefront
                            <i class="fa fa-circle"></i>  
                        </a> 
                        <a class="menu-item" href="store-product-list.html">
                            <i class="fa fa-angle-right"></i>
                            产品清单Product List
                            <i class="fa fa-circle"></i>  
                        </a>  
                        <a class="menu-item" href="store-product-page.html">
                            <i class="fa fa-angle-right"></i>
                            Product Page
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                         
                        <a class="menu-item" href="store-checkout.html">
                            <i class="fa fa-angle-right"></i>
                            Checkout Page
                            <i class="fa fa-circle"></i>                        
                        </a>                        
                        <a class="menu-item" href="store-history.html">
                            <i class="fa fa-angle-right"></i>
                             Purchase History
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                   
                    </div>
                </div>          
                <div class="has-submenu">
                    <a class="menu-item open-submenu" href="#"><!-- active-item -->
                        <i class="fa fa-newspaper-o"></i>
                        News
                        <i class="fa fa-plus"></i>
                    </a>
                    <div class="submenu"><!--active-submenu-->
                        <a class="menu-item" href="news-front.html">
                            <i class="fa fa-angle-right"></i>
                            News Page
                            <i class="fa fa-circle"></i>  
                        </a> 
                        <a class="menu-item" href="news-article.html">
                            <i class="fa fa-angle-right"></i>
                            News Article
                            <i class="fa fa-circle"></i>  
                        </a>  
                        <a class="menu-item" href="news-article-list.html">
                            <i class="fa fa-angle-right"></i>
                            News Article List
                            <i class="fa fa-circle"></i>                        
                        </a>                             
                        <a class="menu-item" href="news-article-archive.html">
                            <i class="fa fa-angle-right"></i>
                            News Article Archive
                            <i class="fa fa-circle"></i>                        
                        </a>                                                                                                                
                    </div>
                </div>             
              
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-pencil"></i>
                    Blog
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-blog.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Page
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="page-blog-post.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Post
                        <i class="fa fa-circle"></i>  
                    </a>                                                                                                                  
                </div>
            </div> 
            <a class="menu-item" href="page-videos.html">
                <i class="fa fa-youtube-play"></i>
                Videos
                <i class="fa fa-circle"></i>
            </a>             
                <a class="menu-item" href="page-sitemap.html">
                    <i class="fa fa-navicon"></i>
                    Sitemap
                    <i class="fa fa-circle"></i>
                </a>                         
                <a class="menu-item" href="contact.html">
                    <i class="fa fa-envelope-o"></i>
                    Contact
                    <i class="fa fa-circle"></i>
                </a>               
                <a class="close-sidebar menu-item" href="#">
                    <i class="fa fa-times"></i>
                    Close
                    <i class="color-red-dark fa fa-circle"></i>
                </a>                
            </div>
        
            <div class="sidebar-decoration"></div>
        
            <em class="sidebar-copyright">版权所有2016。版权所有</em>
        
    </div>
</div>
      
<div class="sidebar-right">
    <div class="sidebar-scroll">

        <a href="#" class="sidebar-logo"></a>
        
        <div class="sidebar-divider">
            让我们得到社会
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-facebook"></i>
                脸谱网Facebook
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-twitter"></i>
                推特Twitter
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-google-plus"></i>
                谷歌Google
                <i class="fa fa-circle"></i>                        
            </a>   
        </div>
        <div class="sidebar-divider">
            取得联系
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-phone"></i>
                打电话给我们
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-fax"></i>
                传真我们
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-envelope-o"></i>
                邮件我们
                <i class="fa fa-circle"></i>                        
            </a>            
        </div>
        
        <div class="sidebar-divider">
            给我们发个口信
        </div>
        
        <div class="sidebar-form contact-form no-bottom">
            <div class="formSuccessMessageWrap" id="formSuccessMessageWrap">
                令人惊叹的！我们会回到你身边的！
            </div>
            <form action="php/contact.php" method="post" class="contactForm" id="contactForm">
                <fieldset>
                    <div class="formValidationError" id="contactNameFieldError">名称是必需的！</div>
                    <div class="formValidationError" id="contactEmailFieldError">需要邮件地址！</div>
                    <div class="formValidationError" id="contactEmailFieldError2">邮件地址必须有效！</div>
                    <div class="formValidationError" id="contactMessageTextareaError">消息字段为空！</div>
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Name') this.value = ''" onblur="if (this.value=='') this.value = 'Name'" type="text" name="contactNameField" value="Name" class="contactField requiredField" id="contactNameField"/>
                    </div>
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Email') this.value = ''" onblur="if (this.value=='') this.value = 'Email'" type="text" name="contactEmailField" value="Email" class="contactField requiredField requiredEmailField" id="contactEmailField"/>
                    </div>
                    <div class="formTextareaWrap">
                        <textarea onfocus="if (this.value=='Message') this.value = ''" onblur="if (this.value=='') this.value = 'Message'" name="contactMessageTextarea" class="contactTextarea requiredField" id="contactMessageTextarea">Message</textarea>
                    </div>
                    <div class="formSubmitButtonErrorsWrap">
                        <input type="submit" class="buttonWrap button button-green contactSubmitButton no-bottom" id="contactSubmitButton" value="SUBMIT" data-formId="contactForm"/>
                    </div>
                </fieldset>
            </form>       
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">版权所有2016。版权所有</em>
        
    </div>
</div>

<div id="page-content"><!--Add sidebar-move to move with body-->
    <div id="page-content-scroll"><!--Enables this element to be scrolled -->
        <div class="header-mask">
            <a href="#"><i class="fa fa-times"></i></a>
            <a href="#"><i class="fa fa-bolt"></i></a>
            <a href="#"><i class="fa fa-times"></i></a>
            <div class="clear"></div>
        </div>
        
        <div class="content-fullscreen half-bottom">
            <div class="slider-wrapper">
                <a class="next-slide home-next" href="#"><i class="fa fa-angle-right"></i></a>
                <a class="prev-slide home-prev" href="#"><i class="fa fa-angle-left"></i></a>
                <div class="single-item homepage-slider">
                    <div>
                        <div class="slider-caption">
                            <h3>Meet Bolt</h3>
                            <p>它的速度快如闪电！</p>
                        </div>
                        <img class="responsive-image" width="900" src="images/pictures/1.jpg" alt="img">
                    </div>
                    <div>
                        <div class="slider-caption">
                            <h3 class="center-text">3D 侧边栏</h3>
                            <p class="center-text">看侧边栏真棒！</p>
                        </div>
                        <img class="responsive-image" width="900" src="images/pictures/2.jpg" alt="img">
                    </div>
                    <div>
                        <div class="slider-caption">
                            <h3 class="right-text">令人敬畏的特点</h3>
                            <p class="right-text">摇滚你的移动设备设计！</p>
                        </div>
                        <img class="responsive-image" width="900" src="images/pictures/3.jpg" alt="img">
                    </div>
                </div>
            </div>
        </div>
        
        
        <div class="content">
            <div class="container">
                <h2 class="center-text">欢迎来到Personal</h2>
                <p class="center-text">
                    它被记录为每个人使用和爱！
                </p>
            </div>
            
            <div class="decoration"></div>            

            <div class="container no-bottom">
                <div class="one-half-responsive">
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/1t.jpg" class="preload-image">
                        <strong>优秀的品质</strong>
                        螺栓被设计为快速，灵活，特征填充，易于定制
                    </p>            
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/2t.jpg" class="preload-image">
                        <strong>简单代码</strong>
                        爱与责任,世界和平
                    </p>  
                </div>
                <div class="one-half-responsive last-column">
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/9t.jpg" class="preload-image">
                        <strong>大用户界面/用户体验 </strong>
                        所有的东西都是在手指的作用下设计的。一个非常简单的用户界面
                    </p>
                    <p class="image-thumb-left">
                        <img data-original="images/pictures/3t.jpg" class="preload-image">
                        <strong>这里是帮助</strong>
                        我们非常小心地建立我们的帮助文件，但是如果你需要我们，我们就在这里
                    </p>
                </div>
            </div>
            
            <div class="decoration"></div>
            
            <div class="container">
                <h3 class="center-text no-bottom">emm</h3>
                <p class="center-text small-text half-bottom">我是巨人</p>
                <p class="center-text">
                    有超过100个移动项目的组合，我们倾听我们的客户，总是升级，更新，改进
                    并添加了新的特性！
                </p>
                <div class="one-half-responsive">
                    <img data-original="images/pictures/3.jpg" alt="img" class="preload-image responsive-image full-bottom">
                </div>
                <div class="one-half-responsive last-column">
                    <div class="one-half">
                        <ul class="font-icon-list larger-font no-bottom">
                            <li><i class="fa fa-user"></i>用户列表</li>
                            <li><i class="fa fa-refresh"></i>活性饲料</li>
                            <li><i class="fa fa-calendar-o"></i>日历页</li>
                            <li><i class="fa fa-file-o"></i>封面</li>
                            <li><i class="fa fa-bold"></i>排版</li>
                            <li><i class="fa fa-flash"></i>jQuery</li> 
                            <li><i class="fa fa-home"></i>登录页</li>
                            <li><i class="fa fa-exclamation"></i>404 页</li>
                            <li><i class="fa fa-clock-o"></i>快页</li>
                            <li><i class="fa fa-navicon"></i>时间线页面</li>
                            <li><i class="fa fa-file-o"></i>封面页</li>
                            <li><i class="fa fa-lock"></i>登录页</li>
                        </ul>
                    </div>
                    <div class="one-half last-column no">
                        <ul class="font-icon-list larger-font no-bottom">
                            <li><i class="fa fa-power-off"></i> CSS3 Buttons</li> 
                            <li><i class="fa fa-comment-o"></i>Chat Bubbles</li> 
                            <li><i class="fa fa-apple"></i>OS Detection</li> 
                            <li><i class="fa fa-toggle-on"></i>OS Toggles</li> 
                            <li><i class="fa fa-share-alt"></i>Share Boxes</li> 
                            <li><i class="fa fa-pie-chart"></i>Charts & Pies</li> 
                            <li><i class="fa fa-warning"></i>Updates Page</li> 
                            <li><i class="fa fa-youtube-play"></i>Videos Page</li> 
                            <li><i class="fa fa-envelope-o"></i>Contact Page</li> 
                            <li><i class="fa fa-pencil"></i>Blog Template</li> 
                            <li><i class="fa fa-picture-o"></i>Portfolio Page</li> 
                            <li><i class="fa fa-camera no-bottom"></i>Gallery Page</li> 
                        </ul>
                    </div> 
                </div>
            </div>
            <div class="decoration"></div>
        </div>
        
        <div class="large-strip full-bottom">
            <div class="strip-content">
                <h1 class="center-text">Apps Compatible</h1>
                <p class="center-text">
                    Our items are coded using CSS3, HTML5 and the latest jQuery techniques, that makes them fully compatible 
                    with PhoneGap and Cordova! All you have to do is convert them, and you have yourself a full flegged app!
                </p>
                <a class="large-strip-button" href="#">Read More</a>
            </div>
            <div class="overlay"></div>
            <img class="strip-image preload-image" data-original="images/pictures/1.jpg" alt="img">
        </div>
        
        <div class="content">
            <div class="decoration"></div>
        
            <div class="container">
                <h3 class="center-text">Featured Products</h3>
                <p class="center-text">
                    We have a large variety of awesome products for you to choose from! Complex or simple, 
                    elegant or creative. You're choices are limitless!
                </p>
            </div>
            
            <div class="gallery square-thumbs">
                <a href="images/pictures/1.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/1t.jpg" alt="img"></a>                    
                <a href="images/pictures/2.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/2t.jpg" alt="img"></a>                    
                <a href="images/pictures/3.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/3t.jpg" alt="img"></a>                    
                <a href="images/pictures/4.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/4t.jpg" alt="img"></a>                    
                <a href="images/pictures/5.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/5t.jpg" alt="img"></a>                    
                <a href="images/pictures/6.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/6t.jpg" alt="img"></a>                    
                <a href="images/pictures/7.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/7t.jpg" alt="img"></a>                    
                <a href="images/pictures/8.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/8t.jpg" alt="img"></a>                    
                <a href="images/pictures/1.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/9t.jpg" alt="img"></a>                    
                <a href="images/pictures/2.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/2t.jpg" alt="img"></a>                    
                <a href="images/pictures/3.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/3t.jpg" alt="img"></a>                    
                <a href="images/pictures/4.jpg" class="scale-hover show-gallery" title="Your caption here!"><img class="preload-image responsive-image" data-original="images/pictures/4t.jpg" alt="img"></a>                    
            </div> 
                
            <div class="decoration"></div>
            
            <div class="container no-bottom">         
                <h3 class="center-text">Meet the Staff</h3>
                <p class="center-text">
                    We have a dedicated staff right here for you, to help you out with all you may need!
                </p>
                <div class="slider-wrapper">
                    <div class="staff-slider double-item">
                        <div>
                            <div class="staff-images">
                                <img src="images/pictures/1t.jpg" alt="img">
                                <img src="images/pictures/2t.jpg" alt="img">
                                <img src="images/pictures/3t.jpg" alt="img">
                            </div>
                            <h2>Enabled</h2>
                            <h5 class="color-red-dark">CEO</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover bg-red-dark"><i class="fa fa-link"></i></a>
                            </div>
                        </div>                     
                        <div>
                            <div class="staff-images">
                                <img src="images/pictures/6t.jpg" alt="img">
                                <img src="images/pictures/5t.jpg" alt="img">
                                <img src="images/pictures/4t.jpg" alt="img">
                            </div>
                            <h2>Gombo</h2>
                            <h5 class="color-orange-dark">Support Manager</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover bg-red-dark"><i class="fa fa-link"></i></a>
                            </div>
                        </div>   
                        <div>
                            <div class="staff-image">
                                <img src="images/pictures/2t.jpg" alt="img">
                            </div>
                            <h2>Johnatan Doe</h2>
                            <h5 class="color-blue-dark">Public Relations</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                            </div>
                        </div>                    
                        <div>
                            <div class="staff-image">
                                <img src="images/pictures/3t.jpg" alt="img">
                            </div>
                            <h2>Alex Janeson</h2>
                            <h5 class="color-green-dark">Back End Developer</h5>
                            <p>
                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
                                Aliquam at imperdiet enim, ut laoreet dolor. Maecenas 
                                vitae nibh in sapien vehicula fermentum id vitae lorem.    
                            </p>
                            <div class="staff-socials">
                                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="decoration"></div>
        </div>
        
        <div class="large-strip full-bottom">
            <div class="strip-content">     
                <div class="slider-wrapper">
                    <div class="quote-slider single-item">
                        <div>
                            <p>This is an extremely well documented theme, works right out of the box and the developer has a great attitude. Very thankful he shares his skills so we can look good!</p>
                            <em class="quote-author">Envato Buyer</em>
                            <strong class="quote-stars">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </strong>
                        </div>                    
                        <div>
                            <p>After having purchased over 300 items from TF, this is my first time leaving a review. Design quality, code quality and product support are all A+. Can't ask for more.</p>
                            <em class="quote-author">Envato Buyer</em>
                            <strong class="quote-stars">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </strong>
                        </div>                    
                        <div>
                            <p>I am very happy with the quality of the coding, the template is great and easy to work with. I am even more impressed with customer support. It has been timely and helpful!</p>
                            <em class="quote-author">Envato Buyer</em>
                            <strong class="quote-stars">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                            </strong>
                        </div>
                    </div>
                </div>
                
            </div>
            <div class="overlay"></div>
            <img class="strip-image preload-image" data-original="images/pictures/3.jpg" alt="img">
        </div>  
        
        <div class="content">
            <div class="decoration"></div>
        </div>        
        
        <div class="footer">
            <div class="footer-content">
                <h3 class="footer-logo">BOLT</h3>
                <p class="footer-text">
                    We aim to simplify your life by creating a beautiful and simple product that's feature rich and easy to use!
                </p>
            </div>
            <div class="footer-socials">
                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                <a href="#" class="scale-hover google-color"><i class="fa fa-google-plus"></i></a>
                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                <a href="#" class="scale-hover bg-night-dark back-to-top"><i class="fa fa-angle-up"></i></a>
                <div class="clear"></div>
            </div>
            <div class="footer-decoration"></div>
            <p class="footer-strip">Copyright <span id="copyright-year"></span> Enabled. All Rights Reserved</p>
        </div>
    </div>
    <a href="#" class="back-to-top-badge"><i class="fa fa-caret-up"></i>Back to top</a>
</div>



<div class="body-background"></div>
</body>










